<template>
  <div>
    <div class="logo-sc">
      <img class="logo-img" src="../images/Logo_3x.png">
    </div>
    <img :src="data.imgUrl" class="banner">
    <div class="name">{{ data.name }}</div>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Object
    }
  }
};
</script>

<style lang="less" scoped>
.banner {
  position: relative;
}
.logo-img {
  display: block;
  margin: 0 auto;
}
.name {
  text-align: center;
  padding: 36px 0 31px;
  font-size: 20px;
  letter-spacing: 0.28px;
}
.logo-sc {
  padding: 24px 0;
  > img {
    width: 116px;
    margin: 0 auto;
    position: relative;
  }
}
</style>
